<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<meta charset="UTF-8">
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
		<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.fullPage.min.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>

	<body>
		<div id="fullpage">
			<div class="section">
				<div class="index active slide">
					<div class="logo">
						<a href="">
							<img src="img/index/logo.png" />
						</a>
					</div>
					<div class="title_top animated slideInRight">
						<img src="img/index/title (1).png" />
					</div>
					<div class="title_middle animated tada">
						<img src="img/index/title (2).png" />
					</div>
					<div class="title_center animated rollIn">
						<img src="img/index/title (3).png" />
					</div>
					<div class="title_bottom">
						<img src="img/index/title (4).png" />
					</div>
					<div class="clould_big">
						<img src="img/index/yun-big.png" />
					</div>
					<div class="clould_1">
						<img src="img/index/yun (1).png" />
					</div>
					<div class="clould_2">
						<img src="img/index/yun (1).png" />
					</div>
					<div class="clould_3">
						<img src="img/index/yun (1).png" />
					</div>
					<div class="clould_4">
						<img src="img/index/yun (1).png" />
					</div>
					<div class="moon_light">
						<img src="img/index/moon-bg.png" />
					</div>
					<div class="moon">
						<img src="img/index/moon.png" />
					</div>
					<div class="queen animated swing">
						<img src="img/index/ren-main.png" />
					</div>
					<div class="description_1">
						<img src="img/index/ren (1).png" />
					</div>
					<div class="description_2">
						<img src="img/index/ren (2).png" />
					</div>
					<div class="description_3">
						<img src="img/index/ren (3).png" />
					</div>
					<div class="description_4">
						<img src="img/index/ren (4).png" />
					</div>
					<div class="btn_test">
						<a href="add.html"><img src="img/index/btn-test.png" /></a>
					</div>
				</div>
				<div class="page1 slide">
					<p>1.请问图中位于中间的男孩姓名是？</p>
					<div class="tf">
						<img src="img/page/tf.png" />
					</div>
					<div class="chose curren">
						<img src="img/page/option-bg2.png" />
						<p>A 王俊凯</p>
					</div>
					<div class="chose1 curren">
						<img src="img/page/option-bg1.png" />
						<p>B 易烊千玺</p>
					</div>
					<div class="chose2 curren">
						<img src="img/page/option-bg1.png" />
						<p>C 王源</p>
					</div>
					<div class="chose3 curren">
						<img src="img/page/option-bg1.png" />
						<p>D 王凯</p>
					</div>
					<div class="dog">
						<img src="img/page/yinfu-kg.png" />
					</div>
				</div>
				<div class="page2 slide">
					<p>2.“削个椰子皮，你却TM给个梨”请问这是什么歌？</p>
					<div class="hulu animated swing">
						<img src="img/page/cucurbit.png">
					</div>
					<div class="chose curren">
						<img src="img/page/option-bg1.png" />
						<p>A 《Yogurt》</p>
					</div>
					<div class="chose1 curren">
						<img src="img/page/option-bg1.png" />
						<p>B 《Salt》</p>
					</div>
					<div class="chose2 curren">
						<img src="img/page/option-bg1.png" />
						<p>C 《Sugar》</p>
					</div>
					<div class="chose3 curren">
						<img src="img/page/option-bg2.png" />
						<p>D 《Salad》</p>
					</div>
					<div class="dog">
						<img src="img/page/yinfu-kg.png" />
					</div>
				</div>
				<div class="page3 slide">
					<p>3.“啊啊 啊啊 啊啊啊”请问这是什么歌？</p>
					<div class="yinfu animated flash">
						<img src="img/page/yinfu.png" />
					</div>
					<div class="boy">
						<img src="img/page/boy.png" />

					</div>
					<div class="chose curren">
						<img src="img/page/option-bg1.png" />
						<p>A 《新白娘子传奇》</p>
					</div>
					<div class="chose1 curren">
						<img src="img/page/option-bg2.png" />
						<p>B 《当》</p>
					</div>
					<div class="chose2 curren">
						<img src="img/page/option-bg1.png" />
						<p>C 《忐忑》</p>
					</div>
					<div class="chose3 curren">
						<img src="img/page/option-bg1.png" />
						<p>D 《Concerto Pour》</p>
					</div>
					<div class="dog">
						<img src="img/page/yinfu-kg.png" />
					</div>
				</div>
				<div class="comment slide">
					<div class="mask" id="mask">
						<div class="kugo">
							<img src="img/mask/logo2.png" />
						</div>
						<div class="tip">
							<img src="img/mask/title3.png" />
						</div>
					</div>
					<div class="kugo_logo">
						<a href="index.html"><img src="img/index/logo.png" /></a>
					</div>
					<div class="logo_kugo">
						<img src="img/mask/logo1.png" />
					</div>
					<p><span>[潮人测试]</span>***太牛了</p>
					<p>现在坚持个性的人真的太少了。</p>
					<p>看看你和你的朋友够亲密不？</p>
					<p>一起来评价.</p>
					<div class="inpress_70">
						<p>典型70后</p>
					</div>
					<div class="inpress_90">
						<p>90后新锐 +2</p>
					</div>
					<div class="inpress_95">
						<p>95后新人类 +3</p>
					</div>
					<div class="inpress_00">
						<p>00后潮人+5</p>
					</div>
					<h3>还体现不出你们的亲密度？那就再评价下吧!</h3>
					<input type="text" />
					<div class="btn">
						<img src="img/mask/submit-btn.png" />
					</div>
					<div class="btn_1">
						<img src="img/mask/play-btn.png" />
					</div>

				</div>

			</div>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#fullpage').fullpage();
			});
			$(document).ready(function() {
				$('#mask').click(function() {
					$(this).hide();
				});
			});
			$('.curren').click(function() {
				if(
					$(this).find('img').attr('src') == 'img/page/option-bg1.png') {
					$(this).find('img').attr('src', 'img/page/option-bg2.png');
				} else {
					$(this).find('img').attr('src', 'img/page/option-bg1.png');
				}
			});
		</script>
	</body>

</html> 